<div class="containFt main" v-if="show">
        <div v-if="order" class="history-detail">
        <ul>
        <li class="clearfix b-line">
	        <label>商品名</label>
	        <span>{{order['goodsname']}}</span>
        </li>
        <li class="clearfix b-line">
	        <label>订单号</label>
	        <span>{{order['opensn']}}</span>
        </li>
        <li class="clearfix b-line">
	        <label>持仓价</label>
	        <span>{{(order['holderprice']/Math.pow(10,order.mindecimal)).toFixed(order.mindecimal)}}</span>
        </li>
        <li class="clearfix b-line">
	        <label>创建时间</label>
            <span>{{order['opentime']}}</span>
        </li>
        <li class="clearfix b-line" v-if="order['closeamount'] > 0">
            <label>平仓价</label>
            <span>{{order['closeprice']|priceFormat(order.mindecimal)}}</span>
        </li>
        <li class="clearfix b-line" v-if="order['closeamount'] <= 0">
            <label>行情价</label>
            <span id="newprice">{{closePrice}}</span>
        </li>
        <li class="clearfix b-line" v-if="order['closetime']">
            <label>平仓时间</label>
            <span>{{order['closetime']}}</span>
        </li>
        <li class="clearfix b-line">
	        <label>止盈/止损</label>
            <span v-if="!cfg.noPercent&&+order['closeamount'] <= 0" v-on:click="setStopPercent()">
                {{order['tppercent'] == 0 ? '不设' : order['tppercent']+'%'}}/{{order['slpercent'] == 0 ? '不设' : order['slpercent']+'%'}}
            </span>
            <span v-else>
                {{order['tppercent'] == 0 ? '不设' : order['tppercent']+'%'}}/{{order['slpercent'] == 0 ? '不设' : order['slpercent']+'%'}}
            </span>
        </li>
        <li class="clearfix b-line">
	        <label>方向</label>
            <span>{{order['direction']|lowHigh}}</span>
        </li>
        <li class="clearfix b-line">
	         <label>手数</label>
             <span>{{order['openamount']}}</span>
        </li>
        <li class="clearfix b-line" v-if="+order['bail']>0">
            <label >履约准备金</label><span>{{order['bail']|priceFormat(2)}}</span>
        </li>
        <li class="clearfix b-line" v-else>
            <label>使用赢家劵</label><span>是</span>
        </li>
        <li class="clearfix b-line">
	        <label>手续费</label><span>{{(order['daycharge'] * -1)|priceFormat(2)}}</span>
        </li>
        <li class="clearfix b-line">
	        <label>盈亏资金</label>
	        <span id="fpl" v-if="+order['closeamount']<=0">{{fpl}}</span>
            <span id="fpl" v-else :class="{'red':(+order['pl'] + (+order['clearpl'])) >= 0,'green':(+order['pl'] + order['clearpl']) < 0}">
            	{{(+order['pl'] +(+order['clearpl']))|priceFormat(2)}}&nbsp;
                {{+order['bail']?((order['pl']*100 + order['clearpl']*100) * 100/(order['bail']*100))+'%':''}}
            </span>
        </li>
        </ul>
        <p class="mt1">注:如该订单在结算时间前还未平仓，将会被强行平仓</p>
        <input v-if="+order['closeamount']<=0" type="submit" value="我要平仓" class="long-btn" @click="close()">
        <p v-else class="order-status tc mt1">已平仓</p> 
        </div> 
        <div class="loadingCt" v-if="!order">
        </div>  
        <div class="dialogCt" v-if="showClose">
		    <div class="mask" v-on:click="cancelClose"></div>
		    <div class="dialog center-middle fixed">
		       <div class="goodsCt">
	           <p class="head">
                      <span id="goodscodetip">{{closeOrder.goodsname}}</span>
                      </p>
                      <ul>
                          <li><label>方向：</label><span id="directiontip">{{closeOrder.direction|lowHigh}}</span></li>
                          <li><label>手数：</label><span id="orderamounttip">{{closeOrder.openamount}}手</span></li>
                          <li><label>盈亏资金：</label><span>{{fpl}}</span></li>
                      </ul>         
	            </div>
	            <div class="footer row">
			        <div class="col">
			        <input type="button" v-on:click="cancelClose" class="long-btn" value="取消" id="cancelBtn"/>
			        </div>
			        <div class="col">
			        <input type="button" v-on:click="doClose" class="long-btn" value="确定" id="subBtn"/>
			        </div>
		    	</div>
		    </div>	    
    </div> <!-- close ct -->
    <div class="dialogCt" id="stop-dialog" v-if="showStop">
		<div class="mask" @click="cancelStop"></div>
		<div class="dialog center-middle tc">
    		<div class="row stop">
				<lable>止盈：</lable>
				<div class="col">
					<table class="border-table stop">
						<tr>
							<td @click="setTicket(-1,'tppercent')">-</td>
							<td id="stopCt_up">{{order['tppercent']}}%</td>
							<td @click="setTicket(1,'tppercent')">+</td>
						</tr>
					</table>
					<p class="tl">（范围：0-50%）</p>
				</div>
			</div>
			<div class="row stop">
				<lable>止损：</lable>
				<div class="col">
					<table class="border-table stop">
						<tr>
							<td @click="setTicket(-1,'slpercent')">-</td>
							<td id="stopCt_down">{{order['slpercent']}}%</td>
							<td @click="setTicket(1,'slpercent')">+</td>
						</tr>
					</table>
					<p class="tl">（范围：0-50%）</p>
				</div>
				
			</div>
			<div class="footer row">
		        <div class="col">
		        <input type="button" class="long-btn" value="取消" @click="cancelStop" id="stopCancelBtn"/>
		        </div>
		        <div class="col">
		        <input type="button" class="long-btn" value="确定" @click="orderModify" id="stopSubBtn"/>
		        </div>
	    	</div>
    	</div><!-- container -->
    </div><!-- wapper -->
</div><!-- main -->